export default function(props:any){
    const name=props.className;
    let className='w-svg';
    if(name){
        className+=' '+name;
    }
    let fn=props.onClick;
    let fnClick;
    if(fn){
        fnClick=(e:any)=>{
            fn(e);
        };
    }
    return (
        <span onClick={fnClick} className={className} style={{fontSize:props.fontSize,color:props.color}}>
            <svg viewBox="0 0 1024 1024" width="1em" height="1em" fill="currentColor">
                <path d="M811 512c0 45.434-9.766 88.724-27.206 127.71l63.76 63.76C878.566 646.66 896 581.306 896 512c0-186.512-128-344.508-298-384l0 89.956C722 255.264 811 373.764 811 512z"></path>
                <path d="M512 160.916 409.958 265.876 512 367.914Z"></path>
                <path d="M841.684 793.77 182.232 134.314l-48 48 180.998 180.826-16.56 20.86L128 384l0 256 170.668 0L512 863.086 512 560l189.83 189.372C671.59 774.886 636 794.426 598 806.044L598 896c62-14.344 117.992-44.326 164.63-85.618l79.22 79.386 48-48.086-48.004-48.078L841.684 793.77z"></path>
                <path d="M704.376 512c0-76.798-42.376-144.814-106.376-177.726l0 119.64 101.602 101.602C702.71 541.478 704.376 526.908 704.376 512z"></path>
            </svg>
        </span>
    )
}